<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>菜单树编辑</title>
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700;800&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="/css/bootstrap.css">
    <link rel="stylesheet" href="/vendors/iconly/bold.css">
    <link rel="stylesheet" href="/vendors/perfect-scrollbar/perfect-scrollbar.css">
    <link rel="stylesheet" href="/vendors/bootstrap-icons/bootstrap-icons.css">
    <link rel="stylesheet" href="/css/app.css">
    <link rel="stylesheet" href="/css/antd-layout.css">
    <script src="/js/common.js"></script>
    <script src="/js/vue.2.6.4.min.js"></script>
    <script src='/js/jquery.3.6.0.min.js'></script>
</head>
<body>
<div id="app">
    <div id="nav-bar-container"></div>

    <div id="main">
        <header class="mb-3">
            <a href="#" class="burger-btn d-block d-xl-none">
                <i class="bi bi-justify fs-3"></i>
            </a>
        </header>

        <div class="page-heading">
            <div class="page-title">
                <div class="row">
                    <div class="col-12 col-md-6 order-md-1 order-last">
                    </div>
                    <div class="col-12 col-md-6 order-md-2 order-first">
                        <nav aria-label="breadcrumb" class="breadcrumb-header float-start float-lg-end">
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item active" aria-current="page">首页树编辑</li>
                            </ol>
                        </nav>
                    </div>
                </div>
            </div>
            <section class="section">
                <div class="row">
                    <div class="col-12 col-md-12">
                        <div class="card">
                            <div class="card-header">
<!--                                <a href="#" class="btn btn-primary" data-bs-toggle="modal"-->
<!--                                   data-bs-target="#inlineForm" @click="beginAdd()">新增</a>-->
                            </div>
                            <div class="card-body">
                                <div class="row">
                                    <div class="col-md-11">
                                        <div class="row">
                                            <div class="col-md-2">

                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!-- Table with outer spacing -->
                                <div class="table-responsive">

                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
</div>
<script src="/vendors/perfect-scrollbar/perfect-scrollbar.min.js"></script>
<script src="/js/bootstrap.bundle.min.js"></script>
<script src="/js/nav-bar.js"></script>
<script src="/js/main.js"></script>
</body>

</html>
<script type="text/javascript">
    jQuery(document).ready(function () {
        var mainVue = new Vue({
            el: `#main`,
            data: {
                languageList: [],
                resList: [],
                userInfo: {userName: '', token: '', imageHeadUrl: ''},
                bindModel: {
                    setId: null,
                    setName: '',
                    rankNum: 0,
                    imgUrl: '',
                    remark: '',
                    language: 'CN',
                },
                query: {
                    page: 1,
                    pageSize: 15,
                    pageBegin: 1,
                    pageEnd: 1,
                    total: 10,
                    language: '',
                },
                defaultLanguage: 'CN',
                pageNums: [1, 2, 3]
            },
            methods: {
                'init': function () {
                    var thisVue = this;
                    var localUserInfo = localStorage.getItem("userInfo");
                    if (localUserInfo) {
                        thisVue.$set(thisVue, 'userInfo', JSON.parse(localUserInfo));
                    }
                },

            }
        });
        mainVue.init();
    });
</script>
